<template>
	<div class="home">
		<div class="m_layout">
			<!-- 头部区 -->
			<HomeHeaderView v-if='muban==1'></HomeHeaderView>
			<HomeHeaderView2 v-if='muban==2'></HomeHeaderView2>
			<!-- 轮播图-->
			<HomeBannerView v-if='muban==1'></HomeBannerView>
			<HomeBannerView2 v-if='muban==2'></HomeBannerView2>
			
			<!--商品区-->
			<HomeMainView v-if='muban==1'></HomeMainView>
			<HomeMainView2 v-if='muban==2'></HomeMainView2>
			
			<NavBottomView v-if='muban==1'></NavBottomView>
			<NavBottomView2 v-if='muban==2'></NavBottomView2>

		</div>
	</div>
</template>
<script>
	import HomeHeaderView from './HomeHeader.vue';
	import HomeHeaderView2 from '../muban/HomeHeader.vue';

	import HomeBannerView from './HomeBanner.vue';
	import HomeBannerView2 from '../muban/HomeBanner.vue';
	
	import HomeMainView from './HomeMain.vue';
	import HomeMainView2 from '../muban/HomeMain.vue';
	
	import NavBottomView from './NavBottom.vue';
	import NavBottomView2 from '../muban/NavBottom.vue';
	export default {
		data() {
			return {
				muban: 1,
			}
		},
		components: {
			HomeHeaderView,
			HomeHeaderView2,
			HomeBannerView,
			HomeBannerView2,
			HomeMainView,
			HomeMainView2,
			NavBottomView,
			NavBottomView2,

		},
		mounted() {},
		created() {
			this.muban = window.localStorage.muban
		},
	}
</script>
<style>
	@import '../assets/css/index.css';
</style>
<style lang="scss" rel="stylesheet/scss" scoped>
	
</style>